<h1>{$name}</h1>
<form method=post id='register-form'> 
<div id='register-error'>{$register_error}</div>
<table>
	<tr>
		<td>
			<span class=star>*</span>Логин (e-mail):
		</td>
		<td>
			<input type=text name='login' value='{$login}' class='mandatory' />
			<br><i>Введите правильный е-мейл адрес.</i>
		</td>
	</tr>
	<tr>
		<td>
			<span class=star>*</span>Пароль:
		</td>
		<td>
			<input type=password name='pass' class='mandatory' />
			<br><i>Пароль должен быть не менее 5 символов длиной.</i>
		</td>
	</tr>
	<tr>
		<td>
			<span class=star>*</span>Подтвердите пароль:
		</td>
		<td>
			<input type=password name='pass_check' class='mandatory' />
		</td>
	</tr>

	<tr style="margin-top:20px;">
		<td colspan=2 style="background-color: #ECE3F0; padding:5px; color:#996699; font-weight: bold; border-top:20px solid white;">
			Информация для доставки заказов
		</td>
	</tr>
	<tr>
		<td>
			<span class=star>*</span>Имя:
		</td>
		<td>
			<input type=text name='username' value='{$username}' class='mandatory' />
		</td>
	</tr>
	<tr>
		<td valign=top>
			<span class=star>*</span>Телефон:
		</td>
		<td>
			<input type=text name='phone' value='{$phone}' class='mandatory' />
		</td>
	</tr>
	<tr>
		<td valign=top>
			Адрес:
		</td>
		<td>
			<textarea name='address' col=50 rows=5>{$address}</textarea>
		</td>
	</tr>
	<tr>
		<td colspan=2>
			<span class=star>*</span> - Обязательные поля			
		</td>
	</tr>
	<tr>
		<td colspan=2 style="text-align:right; padding:0px; padding-top:20px;">
			<button type=submit class='btn'>Регистрация</button>
		</td>
	</tr>
</table>
</form>

<script>
	$( function() {
		$('#register-form').on( {
			'submit': function(e) {
				$('#register-error').html('');
				$('#register-form input').each( function() {
					if ($(this).hasClass('mandatory') && !$(this).val()) {
						$('#register-error').append('Пожалуйста, заполните все обязательные поля.');
						e.preventDefault();
						$(this).focus();
						return false;
					}
				} );
				if ($('#register-form input[name=pass]').val().length<5) {
					$('#register-error').append('<br>Пароль должен быть не менее 5 символов длиной.');
					e.preventDefault();
				}
				else if ($('#register-form input[name=pass]').val()!=$('#register-form input[name=pass_check]').val()) {
					$('#register-error').append('<br>Неверное подтверждение пароля.');
					e.preventDefault();
				}
			}
		} );
	} );
</script>